<template>
  <div class="content_page_warp">
    <div
      class="contentPageContainer"
      :class="{contentPageContainer2: isScreen}"
    >
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  name: 'ContentPage',
  components: {},
  props: {
    isScreen: { // 是否全屏
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
    }
  },
  computed: {},
  created() {
  },
  mounted() {
  },
  methods: {},
}
</script>

<style scoped lang="scss">
  @import "../assets/style/base";
  .content_page_warp{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    .contentPageContainer{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: pxTorem(98px);
      width: 100%;
      overflow: auto;
    }
    .contentPageContainer2{
      bottom: 0;
    }
  }
  .contentPageContainer::-webkit-scrollbar{
    display: none;
  }
  .contentPageContainer2::-webkit-scrollbar{
    display: none;
  }
</style>
